
<template>
	<div class="index">

		<div class="center">
			<left></left>
			<div class="right">
          <top></top>
          <!-- <div class="hei10"></div>
          <div class="where" style="background: #fff; padding: 10px 30px; font-size: 14px; color: #595959;">当前位置：分销后台><router-link to="/dataExcel/waihu" style="color: #409eff;">外呼业绩统计</router-link></div>
          --><div class="hei10"></div>
        <div class="title">外呼业绩统计</div>
        <div style="margin-top:10px;margin-left:10px">
            <span style="font-size: 14px;
            line-height: 32px !important;
            height: 32px !important;">创建时间：</span>
            <el-date-picker
            style="width: 470px;"
            v-model="form.time"
            @change="timechange"
            value-format="yyyy-MM-dd HH:mm:ss"
            type="datetimerange"
            range-separator="——"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            ></el-date-picker>
            <el-button type="danger" @click="daochu" :loading="daochuing">{{daochuingz}}</el-button>
        </div>
      </div>
    </div>
    <!-- <foot></foot> -->
  </div>
</template>

<script>
import axios from "axios";
import top from "@/components/top.vue";
import left from "@/components/left.vue";
import foot from "@/components/foot.vue";
import { regionData, CodeToText, TextToCode } from "element-china-area-data";
import moment from "moment";

export default {
  components: {
    left: left,
    top: top,
    foot: foot
  },
  name: "waihu",
  data() {
    return {
      export_data: "批量导入放弃",
      contacting: false,
      daochuing: false,
      daochuingz: "导出表格",
      progressVisible: false,
      percentage: 10,
      waitpic: false,
      repphotolog: false,
      flaglog: false,
      flagradio: 0,
      flagarea2: "",
      flagarea: "",
      seephotolog2: false,
      seephotoloading: false,
      city: "",
      options: regionData,
      seephotolog: false,
      contactlog: false,
      contactid: "",
      trackinglog: false,

      danxuans: [],
      quanxuana: false,
      quanxuans: [],

      shaixuan: [],

      total: 0,
      page: 1,
      page_size: 20,

      loading: true,
      shennum: 0,
      kainum: 0,
      wait_photos: 0,
      deliver_fail: 0,
      autofailnum: 0,

      color: "",
      form: {
        status: "",
        flag: "",
        source: "",
        source_id: "",
        id_card_num: "",
        amount: "",
        orderby: "",
        export: "",
        product_id: "",
        good_sku: "",
        deliver_fail: "",
        is_called: "",
        refund_status: "",
        order_id: "",
        mobile_produced: "",
        tracking_number: "",
        address_mobile: "",
        order_at_start: "",
        order_at_end: "",
        status_at_start: "",
        status_at_end: "",
        start: "",
        end: "",
        time: "",
        timems: "2",
        active_status: ""
      },
      list: [],
      choose: {
        id_card_name: "",
        id_card_num: "",
        address_name: "",
        address_mobile: "",
        address: "",
        face: "",
        back: "",
        hand: "",
        id: "",
        orderid: ""
      },
      which: "",

      func_I02: false,
      act: 1,
      desc: true,
      orderby: 1,

      memo: "",
      seememolog: false,

      flaglist: [],
      trackingcom: "",
      trackingnum: "",

      fixid: "",
      fixchooselist: {},

      fixprolog2: false,
      shoplog: false,
      shoplist: [],
      fixproing: false,

      fixprolog: false,
      backorderlog: false,
      probacklog: false,
      fastlog: false,
      fixorderlog: false,
      backprolog: false,
      whiteprolog: false,

      fixpronameshow: false,
      fixprocodeshow: false,
      fixproname: "",
      fixprocode: "",
      fixpronames: "",
      fixproid: "",

      shop_id: "",

      meslog: false,
      meslist: "",

      srcali: "./static/img/ali.png",
      tmall: "test",

      repgoing: false,
      daochulog: false,
      daochuflag: "",
      starts: '',
      ends: ''
    };
  },
  created() {
    //按回车键搜索
    var that = this;
    document.onkeydown = function(e) {
      var ev = document.all ? window.event : e;
      if (ev.keyCode == 13) {
        that.search();
      }
    };

    //第一次加载设置一个默认的时间一个月  不然太卡
    this.form.end = moment()
      .add(1, "days")
      .format("YYYY-MM-DD 00:00:00");
    this.form.start = moment()
      .subtract(7, "days")
      .format("YYYY-MM-DD 00:00:00");

    this.form.time = [this.form.start, this.form.end];
    this.starts = this.form.start
    this.ends = this.form.end
    this.getlist();
    this.getflag();
    this.getprolist();
    //权限问题
    var user = JSON.parse(localStorage.getItem("USER"));
    this.user_func = user.functions;
    for (var i in this.user_func) {
      var func_number = this.user_func[i].code;
      if (func_number.indexOf("I02") >= 0) {
        this.func_I02 = true;
      }
    }

    //获取店铺id
    axios.get("/api/gth/user/shop").then(response => {
      if (response.data.msg.code == 0) {
        that.shop_id = response.data.data.shop_id;
      } else {
        if (response.data.msg.code == 50401) {
          that.$router.push({ path: "/login" });
          return false;
        }
        that.$message.error(response.data.msg.info);
      }
    });
  },
  mounted() {},
  methods: {
    exportData(data) {
      var that = this;
      var list = [];
      //导入的是激活状态的情况
      for (var i = 0; i < data.results.length; i++) {
        var obj = {};
        obj["order_id"] = data.results[i]["订单ID"];
        obj["source_id"] = data.results[i]["外部订单号"];

        if (obj["order_id"] != undefined) {
          obj["order_id"] = obj["order_id"].toString();
          obj["order_id"] = obj["order_id"].replace(/(^\s*)|(\s*$)/g, "");
        }
        if (obj["source_id"] != undefined) {
          obj["source_id"] = obj["source_id"].toString();
          obj["source_id"] = obj["source_id"].replace(/(^\s*)|(\s*$)/g, "");
        }
        list.push(obj);
      }
      this.daorulog = true;
      this.daoruing = true;
      axios
        .post("/api/gth/orders/abandon", { data: list })
        .then(function(response) {
          console.log(response);
          const status = response.status;
          const data = response.data;
          const msg = data.msg;
          const code = msg.code;
          if (status === 200 && code === 0) {
            that.$message({
              message: "订单已放弃，真让人感觉遗憾...",
              type: "success"
            });
            that.getlist();
          } else {
            if (status !== 200) {
              that.percentage = 100;
              that.progressVisible = false;
              that.$message.error("网络异常");
            } else {
              that.percentage = 100;
              that.progressVisible = false;
              that.$message.error(msg.info);
            }
          }
        })
        .catch(function(err) {
          that.$message.error("异常:" + err.message);
        });
    },
    //复制阿里号
    ali: function(id) {
      var that = this;
      axios
        .get("/api/plan-market/order/nickname?order_id=" + id)
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            if (response.data.data.nickname != "") {
              that.copy(response.data.data.nickname);
            } else {
            }
          }
        });
    },
    alih: function(id) {
      var that = this;
      axios
        .get("/api/plan-market/order/nickname?order_id=" + id)
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            that.tmall = response.data.data.nickname;
          }
        });
    },
    //批量留言
    message: function() {
      var arr = "";
      for (var i in this.danxuans) {
        console.log(this.danxuans[i]);
        arr = arr + this.danxuans[i] + ",";
      }
      arr = arr.substring(0, arr.lastIndexOf(","));
      var that = this;
      this.$prompt("请输入留言内容", "提示", {
        confirmButtonText: "确定留言",
        cancelButtonText: "取消"
      }).then(({ value }) => {
        axios
          .post("/api/plan-market/order/send-message", { msg: value, ids: arr })
          .then(response => {
            if (response.data.msg.code == 0) {
              if (response.data.data.error == "") {
                that.$message({
                  message: "修改商品成功",
                  type: "success"
                });
                this.getlist();
              } else {
                that.meslist = response.data.data;
                that.meslog = true;
                this.getlist();
              }
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      });
    },
    //跳转到上传页面
    goupload: function() {
      window.open(
        window.location.origin +  window.location.pathname + "#/upload?share_id=" + this.shop_id
      );
    },

    //选择时间
    timemschange: function() {
      this.form.time = "";
    },
    //选择时间
    timechange: function() {
      console.log(this.form.time);
      console.log(this.form.time[0])
      console.log(this.form.time[1])
      this.starts = this.form.time[0]
      this.ends = this.form.time[1]
    //   if (this.form.time != null) {
    //     if (this.form.timems == 0) {
    //       this.form.status_at_start = this.form.time[0];
    //       this.form.status_at_end = this.form.time[1];
    //       this.form.start = "";
    //       this.form.end = "";
    //       this.form.order_at_start = "";
    //       this.form.order_at_end = "";
    //     }
    //     if (this.form.timems == 1) {
    //       this.form.order_at_start = this.form.time[0];
    //       this.form.order_at_end = this.form.time[1];
    //       this.form.start = "";
    //       this.form.end = "";
    //       this.form.status_at_start = "";
    //       this.form.status_at_end = "";
    //     }
    //     if (this.form.timems == 2) {
    //       this.form.start = this.form.time[0];
    //       this.form.end = this.form.time[1];
    //       this.form.status_at_start = "";
    //       this.form.status_at_end = "";
    //       this.form.order_at_start = "";
    //       this.form.order_at_end = "";
    //     }
    //   } else {
    //     this.form.start = "";
    //     this.form.end = "";
    //     this.form.status_at_start = "";
    //     this.form.status_at_end = "";
    //     this.form.order_at_start = "";
    //     this.form.order_at_end = "";
    //   }
    },
    //选中的id记录
    choosefixid: function(id) {
      this.fixid = id;
      console.log(this.fixid);
      var that = this;
      axios.get("/api/plan-market/order/info?order_id=" + id).then(response => {
        if (response.data.msg.code != 0) {
          that.$message.error(response.data.msg.info);
        } else {
          that.fixchooselist = response.data.data;

          that.fixchooselist.city = [];
          if (that.fixchooselist.status == "120") {
            that.fixchooselist.status = "初步审核";
          }
        }
      });
    },
    //修改
    fix: function(e) {
      console.log(e);
      if (e == "fixpro") {
        this.fixprolog = true;
      }
      if (e == "whitepro") {
        this.whiteprolog = true;
      }
      if (e == "fixorder") {
        this.fixorderlog = true;
        var city = [];
        try {
          if (this.fixchooselist.address_province != "") {
            city.push(TextToCode[this.fixchooselist.address_province].code);
          }
          if (this.fixchooselist.address_city != "") {
            city.push(
              TextToCode[this.fixchooselist.address_province][
                this.fixchooselist.address_city
              ].code
            );
          }
          if (this.fixchooselist.address_district != "") {
            city.push(
              TextToCode[this.fixchooselist.address_province][
                this.fixchooselist.address_city
              ][this.fixchooselist.address_district].code
            );
          }
        } catch (e) {
          console.log("从哪来的订单，别来搞老子");
        }

        this.fixchooselist["city"] = city;
        console.log(this.fixchooselist.city);
      }

      if (e == "backpro") {
        this.probacklog = true;
        //标记为已退货处理
        // 点确认执行probackok
      }
      if (e == "fast") {
        this.fastlog = true;
        //标记为加急
        // 点确认执行fastok
      }
      if (e == "backorder") {
        this.backorderlog = true;
        //标记为
        // 点确认执行backorderok
      }
      if (e == "refund") {
        this.$confirm(
          '确定给ID为"' + this.fixchooselist.id + '"的订单执行退款操作吗?',
          "提示",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          }
        ).then(() => {
          var that = this;
          this.loading = true;
          var params = new FormData();
          params.append("id", this.fixchooselist.id);
          axios.post("/api/ROS/plan/order/refund", params).then(response => {
            if (response.data.code != "SUCCESS") {
              this.$message.error(response.data.msg.info);
            } else {
              that.$message({
                type: "success",
                message: "已处理退款!"
              });
              that.getlist();
            }
            that.loading = false;
          });
        });
      }
      if (e == "fixstatus") {
        this.fixreasons = "";

        this.fixstatuslog = true;
      }
    },
    //修改产品查询
    searchproname: function() {
      if (this.fixproname == "") {
        this.fixprocodeshow = false;
      } else {
        this.fixprocodeshow = true;
      }

      this.fixpronames = "查询中...";
      axios
        .get(
          "/api/plan-market/order-page/my?title=" +
            encodeURIComponent(this.fixproname)
        )
        .then(response => {
          if (response.data.msg.code != 0) {
            this.$message.error(response.data.msg.info);
          } else {
            if (response.data.data == null) {
              this.fixpronames = "销售中心无该产品信息";
              this.fixproid = "";
            } else {
              this.fixproid = response.data.data.id;
              this.fixpronames = response.data.data.title;
            }
          }
        });
    },
    searchprocode: function() {
      if (this.fixprocode == "") {
        this.fixpronameshow = false;
      } else {
        this.fixpronameshow = true;
      }
      this.fixpronames = "查询中...";
      axios
        .get(
          "/api/plan-market/order-page/my?fetch_code=" +
            encodeURIComponent(this.fixprocode)
        )
        .then(response => {
          if (response.data.msg.code != 0) {
            this.$message.error(response.data.msg.info);
          } else {
            if (response.data.data == null) {
              this.fixpronames = "没有查询到商品";
              this.fixproid = "";
            } else {
              this.fixproid = response.data.data.id;
              this.fixpronames = response.data.data.title;
            }
          }
        });
    },
    //修改商品ok
    fixprook: function() {
      this.fixproing = true;
      var that = this;
      axios
        .post("/api/plan-market/order/product/update", {
          page_id: this.fixproid,
          ids: this.fixid
        })
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
            that.fixproing = false;
          } else {
            if (response.data.data.error == "") {
              that.fixproing = false;
              that.$message({
                message: "修改商品成功",
                type: "success"
              });
              that.getlist();
              that.fixprolog = false;
            } else {
              for (let i in response.data.data.error) {
                that.$message.error(response.data.data.error[i]);
              }

              that.fixproing = false;
              that.getlist();
              that.fixprolog = false;
            }
          }
        });
    },
    //修改商品ok2
    fixprook2: function() {
      var arr = "";
      for (var i in this.danxuans) {
        console.log(this.danxuans[i]);
        arr = arr + this.danxuans[i] + ",";
      }
      arr = arr.substring(0, arr.lastIndexOf(","));
      if (this.fixproid == "" || this.danxuans == "") {
        this.$message.error("请选择要修改的订单和商品");
        return false;
      }
      this.fixproing = true;
      var that = this;
      axios
        .post("/api/plan-market/order/product/update", {
          page_id: this.fixproid,
          ids: arr
        })
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
            that.fixproing = false;
          } else {
            if (response.data.data.error == "") {
              that.fixproing = false;
              that.$message({
                message: "修改商品成功",
                type: "success"
              });
              that.getlist();
              that.fixprolog2 = false;
            } else {
              that.shoplist = response.data.data;
              that.shoplog = true;

              that.fixproing = false;
              that.getlist();
              that.fixprolog2 = false;
            }
          }
        });
    },
    //取消订单
    backorderok: function() {
      var that = this;
      var params = new URLSearchParams();
      params.append("id", this.fixid);
      axios.post("/api/plan-market/order/cancel", params).then(response => {
        if (response.data.msg.code != 0) {
          this.$message.error(response.data.msg.info);
        } else {
          this.backorderlog = false;
          this.$message({
            message: "修改状态成功",
            type: "success"
          });
          that.getlist();
        }
      });
    },
    //退货确认
    probackok: function() {
      var that = this;
      var params = new URLSearchParams();
      params.append("id", this.fixid);
      params.append("remark", this.backproreason);
      axios
        .post("/api/plan-market/order/return_product", params)
        .then(response => {
          if (response.data.msg.code != 0) {
            this.$message.error(response.data.msg.info);
          } else {
            this.probacklog = false;
            this.$message({
              message: "修改状态成功",
              type: "success"
            });
            that.getlist();
          }
        });
    },
    //加急处理
    fastok: function() {
      var that = this;
      var params = new URLSearchParams();
      params.append("id", this.fixid);
      axios.post("/api/plan-market/order/accelerate", params).then(response => {
        if (response.data.msg.code != 0) {
          this.$message.error(response.data.msg.info);
        } else {
          this.fastlog = false;
          this.$message({
            message: "修改状态成功",
            type: "success"
          });
        }
      });
    },
    //修改信息
    fixorderok: function() {
      console.log(this.fixchooselist);
      var that = this;
      axios
        .get("/api/plan-market/order/info?order_id=" + this.fixid)
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            var params = new URLSearchParams();
            params.append("id", that.fixid);
            if (
              that.fixchooselist.address_name != response.data.data.address_name
            ) {
              params.append("address_name", that.fixchooselist.address_name);
            }
            if (
              that.fixchooselist.id_card_name != response.data.data.id_card_name
            ) {
              params.append("id_card_name", that.fixchooselist.id_card_name);
            }
            if (
              that.fixchooselist.id_card_num != response.data.data.id_card_num
            ) {
              params.append("id_card_num", that.fixchooselist.id_card_num);
            }
            if (
              that.fixchooselist.address_province !=
              response.data.data.address_province
            ) {
              params.append(
                "address_province",
                that.fixchooselist.address_province
              );
            }
            if (
              that.fixchooselist.address_city != response.data.data.address_city
            ) {
              params.append("address_city", that.fixchooselist.address_city);
            }
            if (
              that.fixchooselist.address_district !=
              response.data.data.address_district
            ) {
              params.append(
                "address_district",
                that.fixchooselist.address_district
              );
            }
            if (that.fixchooselist.address != response.data.data.address) {
              params.append("address", that.fixchooselist.address);
            }
            if (
              that.fixchooselist.address_mobile !=
              response.data.data.address_mobile
            ) {
              params.append(
                "address_mobile",
                that.fixchooselist.address_mobile
              );
            }

            axios
              .post("/api/plan-market/order/info/update", params)
              .then(response => {
                if (response.data.msg.code != 0) {
                  that.$message.error(response.data.msg.info);
                } else {
                  that.fixorderlog = false;
                  that.$message({
                    message: "修改状态成功",
                    type: "success"
                  });
                  that.getlist();
                }
              });
          }
        });
    },
    // //修改生产信息
    // whiteprook:function(){
    // 	var that = this
    // 	var params = new URLSearchParams();
    // 	params.append('id', this.fixid);
    // 	params.append('plan_mobile_produced', this.fixchooselist.plan_mobile_produced);
    // 	params.append('tracking_number', this.fixchooselist.tracking_number);
    // 	axios.post('/api/plan-market/order/info/update',params)
    // 		.then(response => {
    // 			if(response.data.msg.code != 0){
    // 					this.$message.error(response.data.msg.info);
    // 			}else{
    // 					this.probacklog = false
    // 					this.$message({
    // 						message: '录入信息成功',
    // 						type: 'success'
    // 					});
    // 					this.whiteprolog = false
    // 					that.getlist()
    // 			}
    // 		})
    // },
    //查看详情
    seedetail: function(id) {
      this.$router.push({
        path: "/order_question/orderDetail",
        query: { id: id }
      });
    },
    //处理功能
    chuli: function(id) {
      var that = this;
      this.$confirm("确定已处理?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        axios
          .post("/api/plan-market/order/auto/deliver", { order_id: id })
          .then(response => {
            if (response.data.msg.code != 0) {
              that.$message.error(response.data.msg.info);
            } else {
              this.loading = true;
              this.getlist();
            }
          });
      });
    },
    //查看运单号
    seetracking: function(com, num) {
      this.trackingcom = com;
      this.trackingnum = num;
      this.trackinglog = true;
    },
    //获取所有产品
    getprolist: function() {
      var that = this;
      axios
        .get("/api/gth/order-pages?_page_size=10000")
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            that.form.prolist = response.data.data.data;
          }
        });
    },
    //确认已联系
    contactgo: function() {
      this.contacting = true;
      var that = this;
      axios
        .post("/api/plan-market/order/call", { id: this.contactid })
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            that.loading = true;
            that.$message({
              message: "修改已联系！",
              type: "success"
            });
            that.getlist();
            that.contactlog = false;
            that.contacting = false;
          }
        });
    },
    //确认已联系并标旗
    contactgo2: function() {
      this.contacting = true;
      var that = this;
      axios
        .post("/api/plan-market/order/call", { id: this.contactid })
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            that.$message({
              message: "修改为已联系！",
              type: "success"
            });
            that.choosecolorid(that.contactid);
            that.contactlog = false;
            that.contacting = false;
          }
        });
    },
    //获取旗子
    getflag: function() {
      axios.get("/api/gth/shop/flag/info").then(response => {
        for (var i in response.data.data) {
          if (response.data.data[i].type == 0) {
            response.data.data[i].color = "#e4dfd7";
          }
          if (response.data.data[i].type == 1) {
            response.data.data[i].color = "#ee3f4d";
          }
          if (response.data.data[i].type == 2) {
            response.data.data[i].color = "#ebb10d";
          }
          if (response.data.data[i].type == 3) {
            response.data.data[i].color = "#229453";
          }
          if (response.data.data[i].type == 4) {
            response.data.data[i].color = "#2775b6";
          }
          if (response.data.data[i].type == 5) {
            response.data.data[i].color = "#8076a3";
          }
        }

        this.flaglist = response.data.data;
      });
    },
    //修改已联系
    contact: function(id) {
      this.contactid = id;
      this.contactlog = true;
    },
    //查看操作记录
    seememo: function(memo) {
      this.memo = memo;
      this.seememolog = true;
    },
    //排序
    shunxu: function() {
      this.loading = true;

      if (this.orderby == 0) {
        this.orderby = 1;
        this.desc = true;
      } else {
        this.orderby = 0;
        this.desc = false;
      }
      this.getlist();
    },
    //导出
    daochu: function() {
      var url =
        "/api/gth/orders/called?start=" + this.starts + "&end=" + this.ends;

      this.daochuing = true;
      this.daochuingz = "导出中...";
      axios.get(url).then(response => {
        if (response.data.msg.code == 0) {
          var a = document.createElement("a");
          a.setAttribute("href", response.data.data);
          a.click();
          this.daochuing = false;
          this.daochuingz = "导出表格";
          this.daochulog = false;
        } else {
          this.$message.error(response.data.msg.info);
          this.daochuing = false;
          this.daochuingz = "导出表格";
        }
      });
    },

    //查看照片
    seephoto: function(id_card_num, ordernum) {
      //没加载之前
      this.waitpic = true;
      this.choose.id = ordernum;
      this.choose.id_card_num = id_card_num;
      this.seephotolog2 = true;
      this.seephotoloading = true;
      this.choose.face = "";
      this.choose.back = "";
      this.choose.hand = "";

      var that = this;
      axios
        .get(
          "/api/plan-market/order/photos/url?id_card_num=" +
            id_card_num +
            "&id=" +
            ordernum
        )
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            var random = Math.random();
            if (response.data.data.face_url != "") {
              that.choose.face = response.data.data.face_url + "?v=" + random;
            } else {
              that.choose.face = "";
            }
            if (response.data.data.back_url != "") {
              that.choose.back = response.data.data.back_url + "?v=" + random;
            } else {
              that.choose.back = "";
            }
            if (response.data.data.hand_url != "") {
              that.choose.hand = response.data.data.hand_url + "?v=" + random;
            } else {
              that.choose.hand = "";
            }
            that.seephotoloading = false;
          }
        });
    },
    //点击重提获取详细信息
    rep: function(id) {
      var that = this;
      axios.get("/api/plan-market/order/info?order_id=" + id).then(response => {
        if (response.data.msg.code != 0) {
          that.$message.error(response.data.msg.info);
        } else {
          response.data.data.face = "";
          response.data.data.back = "";
          response.data.data.hand = "";
          that.choose = response.data.data;
          axios
            .get(
              "/api/plan-market/order/photos/url?id_card_num=" +
                that.choose.id_card_num +
                "&id=" +
                that.choose.id
            )
            .then(response => {
              if (response.data.msg.code != 0) {
                that.$message.error(response.data.msg.info);
              } else {
                var random = Math.random();
                if (response.data.data.face_url != "") {
                  that.choose.face =
                    response.data.data.face_url + "?v=" + random;
                } else {
                  that.choose.face = "";
                }
                if (response.data.data.back_url != "") {
                  that.choose.back =
                    response.data.data.back_url + "?v=" + random;
                } else {
                  that.choose.back = "";
                }
                if (response.data.data.hand_url != "") {
                  that.choose.hand =
                    response.data.data.hand_url + "?v=" + random;
                } else {
                  that.choose.hand = "";
                }
              }
            });

          try {
            var city = [];
            if (this.choose.address_province != "") {
              city.push(TextToCode[this.choose.address_province].code);
            }
            if (this.choose.address_city != "") {
              city.push(
                TextToCode[this.choose.address_province][
                  this.choose.address_city
                ].code
              );
            }
            if (this.choose.address_district != "") {
              city.push(
                TextToCode[this.choose.address_province][
                  this.choose.address_city
                ][this.choose.address_district].code
              );
            }
            this.city = city;
          } catch (err) {
            console.log("地址对应不起来");
          }
          that.seephotolog = true;
        }
      });
    },
    //选择省市区重提用
    changeaddress2: function(v) {
      (this.choose.address_province = CodeToText[v[0]]),
        (this.choose.address_city = CodeToText[v[1]]),
        (this.choose.address_district = CodeToText[v[2]]);
      console.log(this.choose);
      console.log(
        "选中" +
          this.choose.address_province +
          this.choose.address_city +
          this.choose.address_district
      );
    },
    //选择省市区修改信息用
    changeaddress: function(v) {
      (this.fixchooselist.address_province = CodeToText[v[0]]),
        (this.fixchooselist.address_city = CodeToText[v[1]]),
        (this.fixchooselist.address_district = CodeToText[v[2]]);
      console.log(
        "选中的省市区" +
          this.fixchooselist.address_province +
          this.fixchooselist.address_city +
          this.fixchooselist.address_district
      );
    },
    //修改信息
    repgo: function() {
      this.repgoing = true;
      var that = this;
      var params = new URLSearchParams();

      params.append("id", this.choose.id);

      params.append("id_card_name", this.choose.id_card_name);
      params.append("id_card_num", this.choose.id_card_num);

      params.append("address_province", this.choose.address_province);
      params.append("address_city", this.choose.address_city);
      params.append("address_district", this.choose.address_district);
      params.append("address", this.choose.address);

      params.append("address_mobile", this.choose.address_mobile);
      params.append("address_name", this.choose.address_name);

      axios
        .post("/api/plan-market/order/info/update", params)
        .then(response => {
          if (response.data.msg.code != 0) {
            this.$message.error(response.data.msg.info);
          } else {
            //调取更改状态
            axios
              .post("/api/plan-market/order/status/update", {
                id: this.choose.id,
                status: 120
              })
              .then(response => {
                if (response.data.msg.code != 0) {
                  that.$message.error(response.data.msg.info);
                } else {
                  that.repgoing = false;
                  that.seephotolog = false;
                  that.loading = true;
                  that.$message({
                    message: "修改信息成功",
                    type: "success"
                  });
                  that.getlist();
                }
              });
          }
        });
    },
    //点击重提获取详细信息
    reppic: function(id) {
      console.log(id);
      var that = this;
      axios.get("/api/plan-market/order/info?order_id=" + id).then(response => {
        if (response.data.msg.code != 0) {
          that.$message.error(response.data.msg.info);
        } else {
          var random = Math.random();
          if (response.data.data.face_url != "") {
            response.data.data.face_url =
              response.data.data.face_url + "?v=" + random;
          } else {
            response.data.data.face_url = "";
          }
          if (response.data.data.back_url != "") {
            response.data.data.back_url =
              response.data.data.back_url + "?v=" + random;
          } else {
            response.data.data.back_url = "";
          }
          if (response.data.data.hand_url != "") {
            response.data.data.hand_url =
              response.data.data.hand_url + "?v=" + random;
          } else {
            response.data.data.hand_url = "";
          }

          that.choose = response.data.data;
          that.repphotolog = true;
        }
      });
    },
    //重传照片确定
    reppicgo: function() {
      var that = this;
      //调取更改状态
      axios
        .post("/api/plan-market/order/status/update", {
          id: this.choose.id,
          status: 200
        })
        .then(response => {
          if (response.data.msg.code != 0) {
            that.$message.error(response.data.msg.info);
          } else {
            that.repphotolog = false;
            that.loading = true;
            that.$message({
              message: "订单已提交至待审核",
              type: "success"
            });
            that.getlist();
            that.seephotolog2 = false;
          }
        });
    },
    //单个图片上传
    uploadok: function(file) {
      this.seephotoloading = true;
      var that = this;
      var formData = new FormData();
      formData.append("id_num", this.choose.id_card_num);
      formData.append("order_id", this.choose.id);
      formData.append("type", "plan");
      formData.append("pic[" + this.which + "]", file.raw);
      axios.post("/api/ROS/plan/photo/cut", formData).then(response => {
        if (response.data.msg.code != 0) {
          that.$message.error(response.data.msg.info);
        } else {
          //单张上传完之后 获取最新图片
          axios
            .get(
              "/api/plan-market/order/photos/url?id_card_num=" +
                this.choose.id_card_num +
                "&id=" +
                this.choose.id
            )
            .then(response => {
              if (response.data.msg.code != 0) {
                that.$message.error(response.data.msg.info);
              } else {
                var random = Math.random();
                if (response.data.data.face_url != "") {
                  that.choose.face =
                    response.data.data.face_url + "?v=" + random;
                } else {
                  that.choose.face = "";
                }
                if (response.data.data.back_url != "") {
                  that.choose.back =
                    response.data.data.back_url + "?v=" + random;
                } else {
                  that.choose.back = "";
                }
                if (response.data.data.hand_url != "") {
                  that.choose.hand =
                    response.data.data.hand_url + "?v=" + random;
                } else {
                  that.choose.hand = "";
                }
                that.seephotoloading = false;
              }
            });
        }
      });
    },
    //点击上传某张
    fixchoose: function(fbh) {
      this.which = fbh;
    },
    //等待照片上传订单
    wait: function() {
      this.deliver_fail = 0;
      this.page = 1;
      this.waitpic = true;
      this.act = 4;
      this.form.status = "150";
      this.loading = true;
      this.getlist();
    },
    //全部
    searchall: function() {
      this.deliver_fail = 0;
      this.form.status = "";
      this.act = 1;
      this.waitpic = true;
      this.page = 1;
      this.loading = true;
      this.getlist();
    },
    //审核失败的订单
    shenfail: function() {
      this.deliver_fail = 0;
      this.page = 1;
      this.waitpic = true;
      this.act = 2;
      this.form.status = "-200";
      this.loading = true;
      this.getlist();
    },
    //开卡失败的订单
    kaifail: function() {
      this.deliver_fail = 0;
      this.page = 1;
      this.waitpic = true;
      this.act = 3;
      this.form.status = "-460";
      this.loading = true;
      this.getlist();
    },
    //自动发货失败
    autofail: function() {
      this.deliver_fail = 1;
      console.log(this.deliver_fail);
      this.page = 1;
      this.waitpic = true;
      this.act = 5;
      this.form.status = "";
      this.loading = true;
      this.getlist();
    },
    //搜索
    search: function() {
      this.page = 1;

      this.loading = true;
      this.getlist();
    },
    //复制功能
    copy: function(t) {
      var that = this;
      this.$copyText(t).then(res => {
        that.$message.success("复制成功");
      });
    },
    //选择标旗id
    choosecolorid: function(id) {
      this.choose.id = id;
      this.flaglog = true;
      axios.get("/api/plan-market/order/memo?id=" + id).then(response => {
        this.flagarea = response.data.data.memo;
        this.flagradio = response.data.data.flag;
      });
    },
    //选择标旗确认
    flagloggo: function() {
      axios
        .post("/api/plan-market/order/flag", {
          color: this.flagradio,
          id: this.choose.id,
          memo: this.flagarea
        })
        .then(response => {
          this.loading = true;
          this.flaglog = false;
          this.getlist();
        });
    },
    //选择标旗
    choosecolor: function(val) {
      axios
        .post("/api/plan-market/order/flag", { color: val, id: this.choose.id })
        .then(response => {
          this.getlist();
        });
    },
    //批量标旗
    moreflag: function() {
      this.loading = true;
      var arr = "";
      for (var i in this.danxuans) {
        console.log(this.danxuans[i]);
        arr = arr + this.danxuans[i] + ",";
      }
      arr = arr.substring(0, arr.lastIndexOf(","));

      axios
        .post("/api/gth/orders/handle", { flag: this.color, ids: arr })
        .then(response => {
          if (response.data.msg.code == 0) {
            this.$message({
              message: "批量标旗成功",
              type: "success"
            });
            this.getlist();
          } else {
            this.loading = false;
            this.$message.error(response.data.msg.info);
          }
        });
    },
    //批量放弃
    giveout: function() {
      this.$confirm("确定要批量放弃订单吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.loading = true;
        var arr = "";
        for (var i in this.danxuans) {
          console.log(this.danxuans[i]);
          arr = arr + this.danxuans[i] + ",";
        }
        arr = arr.substring(0, arr.lastIndexOf(","));
        axios
          .post("/api/gth/orders/handle", { status: 0, ids: arr })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message({
                message: "订单已放弃，真让人感觉遗憾...",
                type: "success"
              });
              this.getlist();
              this.danxuans = [];
              this.quanxuana = false;
            } else {
              this.loading = false;
              this.$message.error(response.data.msg.info);
            }
          });
      });
    },
    //单个放弃订单
    giveoutone: function(id) {
      this.$confirm("确定要放弃此订单吗?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      }).then(() => {
        this.loading = true;
        axios
          .post("/api/gth/orders/handle", { status: 0, ids: id })
          .then(response => {
            if (response.data.msg.code == 0) {
              this.$message({
                message: "订单已放弃，真让人感觉遗憾...",
                type: "success"
              });
              this.getlist();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      });
    },
    //获取列表
    getlist: function() {
      this.danxuans = [];
      this.quanxuana = false;

      this.form.source = this.form.source.trim();
      this.form.source_id = this.form.source_id.trim();
      this.form.id_card_num = this.form.id_card_num.trim();
      this.form.good_sku = this.form.good_sku.trim();
      this.form.deliver_fail = this.form.deliver_fail.trim();
      this.form.order_id = this.form.order_id.trim();
      this.form.mobile_produced = this.form.mobile_produced.trim();
      this.form.tracking_number = this.form.tracking_number.trim();
      this.form.address_mobile = this.form.address_mobile.trim();

      if (this.act == 1) {
        axios
          .get(
            "/api/gth/orders?type=1&deliver_fail=" +
              this.deliver_fail +
              "&end=" +
              this.form.end +
              "&start=" +
              this.form.start +
              "&order_at_end=" +
              this.form.order_at_end +
              "&order_at_start=" +
              this.form.order_at_start +
              "&status_at_end=" +
              this.form.status_at_end +
              "&status_at_start=" +
              this.form.status_at_start +
              "&good_sku=" +
              encodeURIComponent(this.form.good_sku) +
              "&product_id=" +
              this.form.product_id +
              "&plan_mobile_produced=" +
              this.form.mobile_produced +
              "&orderby=" +
              this.orderby +
              "&page=" +
              this.page +
              "&page_size=" +
              this.page_size +
              "&source=" +
              this.form.source +
              "&source_id=" +
              this.form.source_id +
              "&order_id=" +
              this.form.order_id +
              "&id_card_num=" +
              this.form.id_card_num +
              "&tracking_number=" +
              this.form.tracking_number +
              "&amount=" +
              this.form.amount +
              "&address_mobile=" +
              this.form.address_mobile +
              "&is_called=" +
              this.form.is_called +
              "&refund_status=" +
              this.form.refund_status +
              "&color=" +
              this.form.flag +
              "&status=" +
              this.form.status +
              "&active_status=" +
              this.form.active_status
          )

          .then(response => {
            if (response.data.msg.code == 0) {
              for (var i in response.data.data.data) {
                if (response.data.data.data[i].flag == 0) {
                  response.data.data.data[i].flag = "#e4dfd7";
                }
                if (response.data.data.data[i].flag == 1) {
                  response.data.data.data[i].flag = "#ee3f4d";
                }
                if (response.data.data.data[i].flag == 2) {
                  response.data.data.data[i].flag = "#ebb10d";
                }
                if (response.data.data.data[i].flag == 3) {
                  response.data.data.data[i].flag = "#229453";
                }
                if (response.data.data.data[i].flag == 4) {
                  response.data.data.data[i].flag = "#2775b6";
                }
                if (response.data.data.data[i].flag == 5) {
                  response.data.data.data[i].flag = "#8076a3";
                }
              }

              this.list = response.data.data.data;
              this.loading = false;
              this.total = response.data.data.total;

              //全选使用
              this.ids();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      } else {
        axios
          .get(
            "/api/gth/orders/trouble?type=1&deliver_fail=" +
              this.deliver_fail +
              "&end=" +
              this.form.end +
              "&start=" +
              this.form.start +
              "&order_at_end=" +
              this.form.order_at_end +
              "&order_at_start=" +
              this.form.order_at_start +
              "&status_at_end=" +
              this.form.status_at_end +
              "&status_at_start=" +
              this.form.status_at_start +
              "&good_sku=" +
              encodeURIComponent(this.form.good_sku) +
              "&product_id=" +
              this.form.product_id +
              "&mobile_produced=" +
              this.form.mobile_produced +
              "&orderby=" +
              this.orderby +
              "&page=" +
              this.page +
              "&page_size=" +
              this.page_size +
              "&source=" +
              this.form.source +
              "&source_id=" +
              this.form.source_id +
              "&order_id=" +
              this.form.order_id +
              "&id_card_num=" +
              this.form.id_card_num +
              "&tracking_number=" +
              this.form.tracking_number +
              "&amount=" +
              this.form.amount +
              "&address_mobile=" +
              this.form.address_mobile +
              "&is_called=" +
              this.form.is_called +
              "&refund_status=" +
              this.form.refund_status +
              "&color=" +
              this.form.flag +
              "&status=" +
              this.form.status +
              "&active_status=" +
              this.form.active_status
          )

          .then(response => {
            if (response.data.msg.code == 0) {
              for (var i in response.data.data.data.data) {
                if (response.data.data.data.data[i].flag == 0) {
                  response.data.data.data.data[i].flag = "#e4dfd7";
                }
                if (response.data.data.data.data[i].flag == 1) {
                  response.data.data.data.data[i].flag = "#ee3f4d";
                }
                if (response.data.data.data.data[i].flag == 2) {
                  response.data.data.data.data[i].flag = "#ebb10d";
                }
                if (response.data.data.data.data[i].flag == 3) {
                  response.data.data.data.data[i].flag = "#229453";
                }
                if (response.data.data.data.data[i].flag == 4) {
                  response.data.data.data.data[i].flag = "#2775b6";
                }
                if (response.data.data.data.data[i].flag == 5) {
                  response.data.data.data.data[i].flag = "#8076a3";
                }
              }

              this.list = response.data.data.data.data;
              this.loading = false;
              this.total = response.data.data.data.total;

              //全选使用
              this.ids();
            } else {
              this.$message.error(response.data.msg.info);
            }
          });
      }

      axios
        .get(
          "/api/gth/orders/trouble/nums?end=" +
            this.form.end +
            "&start=" +
            this.form.start +
            "&order_at_end=" +
            this.form.order_at_end +
            "&order_at_start=" +
            this.form.order_at_start +
            "&status_at_end=" +
            this.form.status_at_end +
            "&status_at_start=" +
            this.form.status_at_start +
            "&good_sku=" +
            encodeURIComponent(this.form.good_sku) +
            "&product_id=" +
            this.form.product_id +
            "&mobile_produced=" +
            this.form.mobile_produced +
            "&orderby=" +
            this.orderby +
            "&page=" +
            this.page +
            "&page_size=" +
            this.page_size +
            "&source=" +
            this.form.source +
            "&source_id=" +
            this.form.source_id +
            "&order_id=" +
            this.form.order_id +
            "&id_card_num=" +
            this.form.id_card_num +
            "&tracking_number=" +
            this.form.tracking_number +
            "&amount=" +
            this.form.amount +
            "&address_mobile=" +
            this.form.address_mobile +
            "&is_called=" +
            this.form.is_called +
            "&refund_status=" +
            this.form.refund_status +
            "&color=" +
            this.form.flag +
            "&active_status=" +
            this.form.active_status
        )
        .then(response => {
          if (response.data.msg.code == 0) {
            this.kainum = response.data.data.open_fails;
            this.shennum = response.data.data.photo_fails;
            this.wait_photos = response.data.data.wait_photos;
            this.autofailnum = response.data.data.deliver_fails;
            //全选使用
            this.ids();
          } else {
            this.$message.error(response.data.msg.info);
          }
        });
    },

    //翻页
    fanye: function(val) {
      this.page = val;
      this.loading = true;
      this.getlist();
    },
    //全选的ids集合
    ids: function() {
      var checkids = [];
      for (var i in this.list) {
        checkids.push(this.list[i].id);
      }
      this.quanxuans = checkids;
    },
    //点击全选
    quanxuan: function() {
      if (
        this.danxuans.length != this.quanxuans.length ||
        this.danxuans.length == 0
      ) {
        this.danxuans = this.quanxuans;
        this.quanxuana = true;
      } else {
        this.danxuans = [];
        this.quanxuana = false;
      }
    },
    //点击单选
    danxuan: function() {
      // this.choosearea.push(this.checkedarea)
      if (this.danxuans.length == this.quanxuans.length) {
        this.quanxuana = true;
      } else {
        this.quanxuana = false;
      }
    }
  }
};
</script>

<style lang="scss" scoped>
.bao {
  /deep/ .el-button--primary {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    font-weight: 500;
    -moz-user-select: none;
    padding: 14px 20px;
    font-size: 14px;
    border-radius: 4px;
  }
}
.colorli {
  display: flex;
  width: 100px;
}
.colorli div {
  flex: 1;
  justify-content: space-between;
  line-height: 34px;
  text-align: center;
}
.tooltip {
  max-width: 300px;
  line-height: 30px;
}
.index {
 
      .title {
        border-bottom: 1px #eaeaea solid;
        line-height: 45px;
        padding-left: 30px;
        font-size: 16px;
        background: #f9f9f9;
        color: #727272;
      }
      .o_ul {
        background: #f9f9f9;
        display: flex;
        .o_li {
          flex-basis: 160px;
          line-height: 45px;
          display: block;
          color: #727272;
          border-top: 3px #f9f9f9 solid;
          font-size: 14px;
          text-align: center;
        }
        .act {
          border-top: 3px #dd2727 solid;
          background: #ffffff;
        }
      }
    
    .con {
      padding: 20px 0;
      .seebtn {
        cursor: pointer;
        text-align: center;
        color: #197cff;
      }
      .el-dropdown {
        color: #197cff;
        font-size: 14px;
      }
      .w180 {
        .flex {
          .el-form-item {
            margin-bottom: 20px;
          }
          .el-form-item__label {
            font-size: 14px;
            line-height: 32px !important;
            height: 32px !important;
          }
          .el-input {
            line-height: 32px;
            width: 170px;
          }
          .el-form-item__content {
            line-height: 32px !important;
            height: 32px !important;
          }
          .el-input__inner {
            line-height: 32px !important;
            height: 32px !important;
          }
          .el-input__icon {
            line-height: 32px !important;
            height: 32px !important;
          }
        }
      }

      .seedetail {
        color: #197cff;
        cursor: pointer;
      }
      .powertable {
        margin: 0 10px;
      }
      .select {
        .el-select {
          margin: 0 10px;
          line-height: 30px;
          width: 150px;
        }
        .el-input__inner {
          line-height: 32px !important;
          height: 32px !important;
        }
        .el-input__icon {
          line-height: auto;
          line-height: 32px;
        }
      }

      .btmm {
        .el-button {
          padding: 8px 20px;
        }
      }

      .powerlist {
        display: flex;
        line-height: 45px;
        text-align: center;
      }
      .powerth {
        background: #e5e5e5;
        color: #666666;
        font-size: 14px;
        border-right: 1px #eaeaea solid;
      }

      .powerth:nth-child(1) {
        flex-basis: 50px;
      }
      .powertd:nth-child(1) {
        flex-basis: 50px;
      }
      .powerth:nth-child(2) {
        flex-basis: 0px;
        border: 0;
      }
      .powertd:nth-child(2) {
        flex-basis: 0px;
        border: 0;
      }
      .powerth:nth-child(3) {
        flex-basis: 200px;
      }
      .powertd:nth-child(3) {
        flex-basis: 200px;
      }
      .powerth:nth-child(4) {
        flex-basis: 150px;
      }
      .powertd:nth-child(4) {
        flex-basis: 150px;
      }
      .powerth:nth-child(5) {
        flex-basis: 150px;
      }
      .powertd:nth-child(5) {
        flex-basis: 150px;
      }

      .powerth:nth-child(6) {
        flex-basis: 100px;
      }
      .powertd:nth-child(6) {
        flex-basis: 100px;
      }
      .powerth:nth-child(7) {
        flex-basis: 150px;
      }
      .powertd:nth-child(7) {
        flex-basis: 150px;
      }
      .powerth:nth-child(8) {
        flex-basis: 70px;
      }
      .powertd:nth-child(8) {
        flex-basis: 70px;
      }
      .powerth:nth-child(9) {
        flex-basis: 140px;
      }
      .powertd:nth-child(9) {
        flex-basis: 140px;
      }
      .powerth:nth-child(10) {
        flex-basis: 58px;
      }
      .powertd:nth-child(10) {
        flex-basis: 58px;
      }
      .powerth:nth-child(11) {
        flex-basis: 100px;
      }
      .powertd:nth-child(11) {
        flex-basis: 100px;
      }

      .th1 {
        flex-basis: 80px;
        max-width: 80px;
      }
      .powertd {
        background: #ffffff;
        overflow: hidden;
        max-height: 66px;
        color: #888888;
        line-height: 33px;
        font-size: 14px;
        border-bottom: 1px #eaeaea solid;
        border-right: 1px #eaeaea solid;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
      }
      .fenye {
        text-align: right;
        margin: 20px 0;
      }
    }
  
  .newflex {
    display: flex;
    justify-content: space-between;
  }
  .newsearch {
    display: flex;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
    .act {
      color: #EEF7FF;
      border-bottom: 3px #EEF7FF solid !important;
    }
    .news1 {
      flex-basis: 170px;
      border-bottom: 3px #dcdcdc solid;
      padding: 10px 0;
      cursor: pointer;
    }
    .news2 {
      flex-basis: 170px;
      padding: 10px 0;
      border-bottom: 3px #dcdcdc solid;
      cursor: pointer;
    }
    .news3 {
      flex-basis: 170px;
      padding: 10px 0;
      border-bottom: 3px #dcdcdc solid;
      cursor: pointer;
    }
    .news4 {
      flex-basis: 316px;
      padding: 10px 0;
      border-bottom: 3px #dcdcdc solid;
      cursor: pointer;
    }
  }
  .newlistbor {
    margin-bottom: -1px;
  }
  .newlist {
    .newleft {
      display: flex;
      flex-basis: 1050px;
    }
    .newthli {
      font-size: 14px;
      line-height: 40px;
      height: 40px;
      background: #f9f9f9;
      color: #646464;
    }
    .newthli:nth-child(1) {
      flex-basis: 110px;
      padding-left: 15px;
    }
    .newthli:nth-child(2) {
      flex-basis: 150px;
    }
    .newthli:nth-child(3) {
      flex-basis: 160px;
      color: #2775b6;
    }
    .newthli:nth-child(4) {
      flex-basis: 200px;
    }

    .newthli:nth-child(5) {
      flex-basis: 170px;
      text-align: center;
    }
    .newthli:nth-child(6) {
      flex-basis: 127px;
      text-align: center;
    }
    .newthli:nth-child(7) {
      flex-basis: 110px;
      text-align: center;
    }

    .newright {
      flex-basis: 116px;
      text-align: center;
    }

    .newh {
      display: flex;
      justify-content: space-between;
      background: #f3faff;
      line-height: 48px;
      height: 48px;
      color: #646464;
      font-size: 13px;
      border: 1px #eaeaea solid;
      .newhli {
        margin-right: 10px;
        .el-icon-document-copy {
          margin-left: 0 !important;
        }
        img {
          width: 20px;
          position: relative;
          top: 2px;
          cursor: pointer;
        }
      }
      .newhli:nth-child(1) {
        flex-basis: 50px;
        text-align: center;
      }
    }
    .newb {
      display: flex;
      font-size: 14px;
      color: #646464;
      line-height: 25px;
      margin-bottom: 10px;
      border: 1px #eaeaea solid;
      .newt1 {
        flex-basis: 290px;
        padding: 15px;
        border-right: 1px #eaeaea solid;
        box-sizing: border-box;
      }
      .newt2 {
        flex-basis: 340px;
        padding: 15px;
        position: relative;
        border-right: 1px #eaeaea solid;
        box-sizing: border-box;
      }
      .seephoto {
        color: #2775b6;
        cursor: pointer;
      }

      .newt3 {
        flex-basis: 160px;
        padding: 15px;
        overflow: hidden;
        border-right: 1px #eaeaea solid;
        box-sizing: border-box;
      }
      .newt4 {
        flex-basis: 100px;
        padding: 15px;
        padding-right: 20px;
        border-right: 1px #eaeaea solid;
        text-align: center;
        .newcar {
          max-height: 80px;
          overflow: hidden;
        }
        .newcar2 {
          color: #2775b6;
          cursor: pointer;
        }
      }
      .newt5 {
        flex-basis: 100px;
        padding-right: 20px;
        padding: 15px;
        max-width: 100px;
        overflow: hidden;
        border-right: 1px #eaeaea solid;
        box-sizing: border-box;
      }
      .newt6 {
        flex-basis: 118px;
        padding: 15px;
        box-sizing: border-box;
        .contact {
          margin-top: 5px;
          background: #EEF7FF;
          color: #ffffff;
          line-height: 25px;
          text-align: center;
          border-radius: 3px;
          cursor: pointer;
        }
        .contact2 {
          margin-top: 5px;
          color: #666;
          line-height: 25px;
          text-align: center;
          border-radius: 3px;
          cursor: pointer;
        }
      }
    }
  }
  .flex {
    display: flex;
    padding-right: 20px;
  }
  .logflex {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    .el-button--primary {
      padding: 10px 30px;
    }
  }
  .logflex div {
    width: 377px;
    text-align: center;
  }
  .logflex .proimg {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 265px;
    background: #eaeaea;
  }
  .logflex .proimg img {
    max-width: 100%;
    max-height: 100%;
  }
  .protitle {
    color: #197cff;
    cursor: pointer;
    margin-top: 10px;
  }
  .propipei {
    padding-left: 90px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .propipei span {
    margin: 0 10px;
    color: #ff5053;
  }
}
</style>
